import { createApp } from 'vue';

// 引入行书字体
import './assets/font/font.css';
// 引入基础样式
import './assets/css/base.css';
// 引入颜色变量样式
import './assets/css/root.css';

// 引入主应用组件
import App from './App.vue';

// 引入路由
import router from './router/index';

// 引入 Element-plus 组件库
import ElementPlus from 'element-plus';
import 'element-plus/dist/index.css';

// 引入 icon-font 字体图标组件库
import SvgIcon from './components/SvgIcon/SvgIcon.vue';
import './assets/iconfont/iconfont.js';

// 引入axios
import axios from 'axios';

// 创建一个插件来管理 axios
const axiosPlugin = {
  install: (app) => {
    app.config.globalProperties.$axios = axios;
  }
};

const app = createApp(App)
  .use(router)
  .use(ElementPlus)
  .use(axiosPlugin)
  .component('SvgIcon', SvgIcon);

app.mount('#app');
